<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>个人注册 - 体能测试系统</title>
		<link rel="shortcut ico" href="${rootPath}/favicon.ico" />
		<link rel="stylesheet" href="${rootPath}/css/base.css">
		<link rel="stylesheet" href="${rootPath}/css/register.css">
		<script src="${rootPath}/js/reg.js"></script>
		<script language="javascript" type="text/javascript" src="${rootPath }/common/resource/My97DatePicker/WdatePicker.js"></script>
	</head>
	<body>
		<div class="w">
			<header>
				<div class="logo"></div>
			</header>
			<div class="registerarea">
				<h3>
					注册新用户
					<div class="login">
						我有账号，去<a href="${rootPath}/login" target="_blank">登陆</a>
					</div>
				</h3>
				<div>
					<h4>请认真填写以下注册信息</h4>
				</div>
				<form action="${rootPath}/registerSubmit" method="post">
					<div>
						<h5>账号信息</h5>
					</div>
					<div class="reg_form">
						<ul>
							<li>
								<label for="yhm">用户邮箱：</label>
								<input type="text" class="inp" id="email" name="email" value="${one.email }" placeholder="使用3-9位小写英文字母、数字或下划线组合">
								<span class="x">*</span>
							</li>
							<li>
								<label for="pwd">登录密码：</label>
								<input type="password" class="inp" id="pwd" placeholder="输入6-16位字符" name="password">
								<span class="x">*</span>
							</li>
							<li>
								<label for="surepwd">确认密码：</label>
								<input type="password" class="inp" id="surepwd" name="truePassWord">
								<span class="x">*</span></li>
							<li>
								<label for="">密码问题：</label>
								<select name="passQues">
									<option value="1">我就读的小学名称？</option>
									<option value="2">我最喜欢的食物？</option>
									<option value="3">我喜爱的歌曲？</option>
									<option value="4">我妈妈的生日？</option>
									<option value="5">我的绰号？</option>
									<option value="6">我的初恋？</option>
								</select>
								<span class="x">*</span>
							</li>
							<li>
								<label for="">您的答案：</label>
								<input type="text" class="inp" onblur="callServer(this.value)" size="20" maxlength="20" name="passAnsw">
								<span class="x">*</span>
								<span>（2-20位）</span>
							</li>
						</ul>
					</div>
					<div>
						<h5>基本资料</h5>
					</div>
					<div class="reg_form">
						<ul>
							<li>
								<label for="nc">真实姓名：</label>
								<input type="text" class="inp" id="trueName" value="${one.trueName }" placeholder="2-4位中文" name="trueName">
								<span class="x">*</span>
							</li>
							<li>
								<label for="">性别：</label>
								<label for="nan">
								<input type="radio" name="sex" id="nan" name="sex" value="0" checked="checked">
									<img src="images/man.jpg"> 男
								</label>
								<label for="nv">
									<input type="radio" name="sex" id="nv" name="sex" value="1">
									<img src="images/women.jpg">
										女
								</label>
								<span class="x">*</span>
							</li>
							<li>
								<label for="">出生日期：</label> 
								<c:choose>
									<c:when test="${one.birthday != null}">
										<c:set value="${one.birthday }" var="birthday"/>
									</c:when>
									<c:otherwise>
										<fmt:formatDate value="${sys_now }" pattern="yyyy-MM-dd" var="birthday"/>
									</c:otherwise>
								</c:choose>
								<input type="text" name="birthdayStr" id="birthdayStr" value="${birthday }" readonly="readonly"
									onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
									class="inp" placeholder="生日" />
								<span class="x">*</span>
							</li>
							<li>
								<label for="">身份证号：</label>
								<input type="text" class="inp" id="sfid" value="${one.idnumber }" name="idnumber">
								<span class="x">*</span>
							</li>
							<li><label for="qq">QQ号码：</label> <input type="text"
								class="inp" id="qq" placeholder="5-11位数字" value="${one.qq }" name="qq"> <span
								class="x">*</span></li>
							<li><label for="qq">学号：</label> <input type="text"
								class="inp" id="numb" placeholder="5-11位数字" value="${one.numb }" name="numb">
								<span class="x">*</span></li>
							<!-- <li>
								<label for="">电子邮箱：</label>
								<input type="text" class="inp" id="email" name=""> 
								<span class="x">*</span>
							</li> -->
							<li>
								<label for="tel">手机号：</label>
								<input type="text" class="inp" id="tel" value="${one.phone }" placeholder="请输入11位的手机号码" name="phone">
								<span class="x">*</span>
							</li>
							<%-- <li>
								<label for="tel">验证码：</label>
								<input type="text" name="code" id="code" class="inp" size="4" maxlength="4" style="width:100px">
								<a href="#" tabindex="-1" onclick="return refreshCode('imgCode');">
									<img id="imgCode" src="${rootPath }/common/code" title="点击刷新验证码" width="100" height="35" />
								</a>
								<span class="x">*</span>
							</li> --%>
							<li class="agree"><input type="checkbox" name="" id="">
								同意协议并注册 <a href="#">《知晓用户协议》</a></li>
							<li><input type="submit" value="立即注册" class="btn"> <input
								type="reset" value="重置信息" class="bt"></li>
							<li>${response.info }</li>
						</ul>
					</div>
				</div>
			</form>
		</div>
		</div>
	</body>
</html>